<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/jiepu.css">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.imgpreload.js"></script>
    <script src="js/hammer.min.js" ></script>
    <script src="js/hammer.fakemultitouch.js" ></script>
    <script src="js/hammer.showtouches.js" ></script>
    <script src="js/jiepu.js"></script>
</head>
<body>
    <div class="pageOuter">
        <div class="innerDiv">

          <div class="page page1">
           <div class="h832">
               <div class="innerDiv">
                   <div class="page1Img1 abs bgImg"></div>
                   <div class="page1Img2 abs bgImg" style="opacity:0.1;"></div>
                   <img src="images/page1Img3.png" class="abs p1Img1">
                   <img src="images/page1Img3.png" class="abs p1Img2">
                   <img src="images/page1Img3.png" class="abs p1Img3">
               </div>
           </div>
        </div>

        <div class="page page2" style="display: none;">
            <div class="h832">
                <div class="innerDiv">
                    <div class="page2Img1 abs bgImg"></div>
                    <a href="javascript:void(0);" class="abs page2Btn1" onclick="goPage3();"><img src="images/page2Btn1.png"></a>
                </div>
            </div>
        </div>

        <div class="page page3" style="display: none;">
            <div class="h832">
                <div class="innerDiv">
                    <div class="page3Img1 abs bgImg"></div>
                    <div class="preImg" id="preImg">
                        <div class="innerDiv">
                            <img src="" class="abs uploadImg upBtnImg" style="display: none" id="upBtnImg">
                            <img src="images/img.png" class="abs upLoadImg" id="preview">
                            <img src="" class="abs upLoadImg" id="localImag" style="display: none">
                            <img src="images/page3Img2.png" class="abs page3Img2">
                        </div>
                    </div>
                    <img src="images/cover.png" class="coverImg" id="coverImg">
                    <input type="file" class="fileBtn" id="uploadBtn" onchange="setImagePreview();"/>

                    <input type="text" class="abs infoTxt infoTxt1">
                    <input type="text" class="abs infoTxt infoTxt2">
                    <input type="text" class="abs infoTxt infoTxt3">
                    <input type="text" class="abs infoTxt infoTxt4">

                    <select class="abs infoSel infoSel1">
                        <option>&nbsp;</option>
                        <option value="北京">北京</option>
                        <option value="上海">上海</option>
                        <option value="广州">广州</option>
                    </select>

                   <select class="abs infoSel infoSel2">
                       <option>&nbsp;</option>
                       <option value="北京">北京</option>
                       <option value="上海">上海</option>
                       <option value="广州">广州</option>
                   </select>
                    
                    <a href="javascript:void(0);" class="abs page3Btn1" onclick="submitInfo();"><img src="images/page3Btn1.png"></a>
                </div>
            </div>
        </div>


        </div>
    </div>



<script>


    $(document).ready(function(){
        var images=[];
        images.push("images/page2Img1.png");
        images.push("images/page3Img1.png");
        images.push("images/page4Img1.png");

        /*图片预加载*/
        var imgNum=0;
        $.imgpreload(images,
                {
            each: function(){
                var status=$(this).data('loaded') ? 'success' : 'error';
                if(status=="success"){
                    var v=(parseFloat(++imgNum)/images.length).toFixed(2);
                    $('.page1Img2').stop().animate({opacity:v},50);
//                    $("#percentShow").html('已加载:'+Math.round(v * 100) + "%");
                }
            },


            all: function(){
//                $("#percentShow").html("已加载:100%");
//                图片加载完成 加载动画
                goPage2();
            }
        });

    });
</script>
</body>
</html>